<template>
	<page-body>
		<view class="page">
			<view class="flex benben-position-layout flex flex-wrap align-center ks_flex_0_higd"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between flex-sub ks_fd0_0_higd'>
					<view class='flex flex-wrap align-center ks_fd0_0_c0_higd'>
					</view>
					<view class='flex flex-wrap align-stretch justify-center'>
						<text class='ks_fd0_0_c1_c0_higd'>{{$t('标题标题')}}</text>
					</view>
					<view class='flex flex-wrap align-center justify-end ks_fd0_0_c0_higd'
						@tap.stop="popupShow1723779424413=true">
						<text @tap.stop="popupShow1723875361517=true">{{$t('退出')}}</text>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<benben-popup v-model="popupShow1723875361517" :mask="true" :mask-close-able="true" mode='center'
				:z-index='9999999'>
				<!---flex布局flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout ks_flex_1_higd">
					<view class='flex flex-direction flex-wrap align-center ks_fd1_0_higd'>
						<text class='ks_fd1_0_c0_higd'>{{$t('提示')}}</text>
						<text class='ks_fd1_0_c1_higd'>{{$t('您还未答完题目，是否确认退出')}}</text>
					</view>
					<view class='flex align-stretch justify-around ks_fd1_1_higd'>
						<text class='ks_fd1_1_c0_higd' @tap.stop="popupShow1723875361517=false">{{$t('取消')}}</text>
						<text class='ks_fd1_1_c1_higd' @tap.stop="HadexaminatFunc()">{{$t('确认')}}</text>
					</view>
				</view>

				<!---flex布局flex布局结束-->

			</benben-popup>
			<benben-popup v-model="popupShow1724209151199" :mask="true" :mask-close-able="true" mode='center'
				:z-index='999'>
				<!---flex布局flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout ks_flex_2_higd">
					<view class='flex flex-direction flex-wrap align-center ks_fd2_0_higd'>
						<text class='ks_fd2_0_c0_higd'>{{$t('提示')}}</text>
						<text class='ks_fd2_0_c1_higd'>{{$t('测试时间到了，已自动交卷')}}</text>
					</view>
					<view class='flex align-stretch justify-around ks_fd2_1_higd'>
						<text class='ks_fd2_1_c0_higd' @tap.stop="HadexaminatFunc()">{{$t('我知道了')}}</text>
					</view>
				</view>

				<!---flex布局flex布局结束-->

			</benben-popup>
			<!---flex布局flex布局开始-->
			<view class="flex flex-wrap align-center justify-center benben-flex-layout ks_flex_3_higd">
				<view class='flex flex-wrap align-center justify-center ks_fd3_0_higd'>
					<text class='fu-iconfont2'>&#xe768;</text>
					<text class='ks_fd3_0_c1_higd'>{{$t('倒计时：')}}</text>
					<benben-countdown class='ks_fd3_0_c2_higd' :show-day='false' :show-hour='true' :show-minute='true'
						:show-second='true' :time-type='false' :count-time="paper_time" @time-end="CountdownFunc()">

						<benben-countdown-item date-type="h"></benben-countdown-item>

						<text>:</text>

						<benben-countdown-item date-type="i"></benben-countdown-item>

						<text>:</text>

						<benben-countdown-item date-type="s"></benben-countdown-item>

						<text></text>

					</benben-countdown>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch ks_fd3_1_higd'>
					<view class='flex flex-wrap align-center ks_fd3_1_c0_higd'>
						<text class='ks_fd3_1_c0_c0_higd'>{{$t('第一题')}}</text>
						<text>{{$t('这是文字')}}</text>
					</view>
					<view class='flex flex-direction flex-wrap align-stretch'>
						<view class='flex flex-wrap align-center'>
							<text>{{$t('【单选】本书所说的自由不是指财富的自由，时间的自由，而是指更高意义上的心灵的自由。()')}}</text>
						</view>
						<view class='flex flex-direction flex-wrap align-stretch'>
							<benben-select-diy ref="showSelectPopup1723779295208"
								class-name='flex-direction align-stretch flex' class='ks_fd3_1_c1_c1_c0_higd'
								:items.sync="rios" v-model="riosVal" :label.sync="riosLable" default-type="value"
								default-label="name" :allow-cancel='false' type="radio" :disabled='false'>
								<benben-select-item v-for='(item,key0) in rios' :hand-value='item.value' :key='key0'>
									<template #selected>
										<view class='flex align-center justify-between flex ks_fd3_1_c1_c1_c0_c0_higd'>
											<view class='flex flex-wrap align-center ks_fd3_1_c1_c1_c0_c0_c0_higd'>
												<text class='ks_fd3_1_c1_c1_c0_c0_c0_c0_higd'>A</text>
												<text class='ks_fd3_1_c1_c1_c0_c0_c0_c1_higd'>{{item.name}}</text>
											</view>
											<image class='ks_fd3_1_c1_c1_c0_c0_c1_higd' mode="aspectFit"
												:src='STATIC_URL+"163.png"'></image>
										</view>
									</template><template #no-selected>
										<view class='flex align-center justify-between flex ks_fd3_1_c1_c1_c0_c1_higd'>
											<view class='flex flex-wrap align-center ks_fd3_1_c1_c1_c0_c0_c0_higd'>
												<text>B</text>
												<text class='ks_fd3_1_c1_c1_c0_c1_c0_c1_higd'>{{item.name}}</text>
											</view>
											<image class='ks_fd3_1_c1_c1_c0_c1_c1_higd' mode="aspectFit"
												:src='STATIC_URL+"164.png"'></image>
										</view>
									</template>
								</benben-select-item>
							</benben-select-diy>
						</view>
					</view>
					<view class='flex flex-wrap align-center ks_fd3_1_c2_higd'>
						<view class='flex flex-direction flex-wrap align-stretch  ks_fd3_1_c1_c1_c0_higd'>
							<view class='flex flex-wrap align-center justify-between ks_fd3_1_c2_c0_c0_higd'>
								<view class='flex flex-wrap align-center ks_fd3_1_c1_c1_c0_c0_c0_higd'>
									<text>A</text>
									<text class='ks_fd3_1_c2_c0_c0_c0_c1_higd'>{{$t('这是文字')}}</text>
								</view>
								<image class='ks_fd3_1_c1_c1_c0_c0_c1_higd' mode="aspectFit"
									:src='STATIC_URL+"163.png"'></image>
							</view>
							<view class='flex flex-wrap align-center justify-between ks_fd3_1_c2_c0_c1_higd'>
								<view class='flex flex-wrap align-center ks_fd3_1_c1_c1_c0_c0_c0_higd'>
									<text>A</text>
									<text class='ks_fd3_1_c2_c0_c0_c0_c1_higd'>{{$t('这是文字')}}</text>
								</view>
								<image class='ks_fd3_1_c1_c1_c0_c0_c1_higd' mode="aspectFit"
									:src='STATIC_URL+"164.png"'></image>
							</view>
							<view class='flex flex-wrap align-center justify-center ks_fd3_1_c2_c0_c2_higd'>
								<button class='ks_fd3_1_c2_c0_c2_c0_higd'>{{$t('确认答案')}}</button>
							</view>
						</view>
					</view>
					<view class='flex flex-direction flex-wrap align-stretch'>
						<view class='flex flex-wrap align-center justify-between ks_fd3_1_c2_c0_c0_higd'>
							<view class='flex flex-wrap align-center ks_fd3_1_c1_c1_c0_c0_c0_higd'>
								<text>A</text>
								<text class='ks_fd3_1_c2_c0_c0_c0_c1_higd'>{{$t('这是文字')}}</text>
							</view>
							<image class='ks_fd3_1_c1_c1_c0_c0_c1_higd' mode="aspectFit" :src='STATIC_URL+"163.png"'>
							</image>
						</view>
						<view class='flex flex-wrap align-center justify-between ks_fd3_1_c3_c1_higd'>
							<view class='flex flex-wrap align-center ks_fd3_1_c1_c1_c0_c0_c0_higd'>
								<text>A</text>
								<text class='ks_fd3_1_c2_c0_c0_c0_c1_higd'>{{$t('这是文字')}}</text>
							</view>
							<image class='ks_fd3_1_c1_c1_c0_c0_c1_higd' mode="aspectFit" :src='STATIC_URL+"165.png"'>
							</image>
						</view>
						<view class='flex flex-wrap align-center justify-between ks_fd3_1_c2_c0_c1_higd'>
							<view class='flex flex-wrap align-center ks_fd3_1_c1_c1_c0_c0_c0_higd'>
								<text>A</text>
								<text class='ks_fd3_1_c2_c0_c0_c0_c1_higd'>{{$t('这是文字')}}</text>
							</view>
							<image class='ks_fd3_1_c1_c1_c0_c0_c1_higd' mode="aspectFit" :src='STATIC_URL+"164.png"'>
							</image>
						</view>
						<view class='flex flex-wrap align-center ks_fd3_1_c3_c3_higd'>
							<view class='flex flex-wrap align-center ks_fd3_1_c3_c3_c0_higd'>
								<text class='ks_fd3_1_c3_c3_c0_c0_higd'>{{$t('答案：')}}</text>
								<text class='ks_fd3_1_c3_c3_c0_c1_higd'>B</text>
							</view>
							<view class='flex flex-wrap align-center ks_fd3_1_c3_c3_c1_higd'>
								<text class='ks_fd3_1_c3_c3_c0_c0_higd'>{{$t('您选择：')}}</text>
								<text class='ks_fd3_1_c3_c3_c1_c1_higd'>B</text>
							</view>
						</view>
					</view>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch ks_fd3_2_higd'>
					<view class='flex flex-wrap align-center ks_fd3_2_c0_higd'>
						<text>{{$t('·答案解析')}}</text>
					</view>
					<view class='flex flex-wrap align-center ks_fd3_1_c3_c3_higd'>
						<view class='flex flex-wrap align-center ks_fd3_1_c3_c3_c0_higd'>
							<text class='ks_fd3_1_c3_c3_c0_c0_higd'>{{$t('答案：')}}</text>
							<text class='ks_fd3_1_c3_c3_c0_c0_higd'>B</text>
						</view>
					</view>
					<view class='flex flex-wrap align-center ks_fd3_2_c2_higd'>
						<text>{{$t('“三个代表”重要思想的核心观点和主要内容是中国共产党始终代表中国先进生产力的发展要求、始终代表中国先进文化的前进方向、始终代表中国最广大人民的根本利益。“三个代表”重要思想是我们党的立党之本、执政之基、力量之源，它集中概括了党和…')}}</text>
					</view>
				</view>
				<benben-safe-area>
				</benben-safe-area>
			</view>

			<!---flex布局flex布局结束-->
			<view class="flex flex-wrap align-center benben-position-layout flex ks_flex_4_higd">
				<benben-safe-area>
				</benben-safe-area>
				<view class='flex flex-wrap align-center justify-between ks_fd4_1_higd'>
					<view class='flex flex-wrap align-center'>
						<image class='ks_fd4_1_c0_c0_higd' mode="aspectFit" :src='STATIC_URL+"163.png"'></image>
						<text class='ks_fd4_1_c0_c1_higd'>15</text>
						<image class='ks_fd4_1_c0_c2_higd' mode="aspectFit" :src='STATIC_URL+"165.png"'></image>
						<text class='ks_fd4_1_c0_c3_higd'>2</text>
					</view>
					<view class='flex flex-wrap align-center'>
						<button class='ks_fd4_1_c1_c0_higd'
							@tap.stop="popupShow1723779347872=true">{{$t('交卷')}}</button>
					</view>
					<view class='flex flex-wrap align-center'>
						<button class='ks_fd4_1_c2_c0_higd'>{{$t('上一题')}}</button>
						<button class='ks_fd4_1_c1_c0_higd'>{{$t('下一题')}}</button>
					</view>
					<view class='flex flex-wrap align-center' @tap.stop="popupShow1723780040909=true">
						<image class='ks_fd4_1_c3_c0_higd' mode="aspectFit" :src='STATIC_URL+"166.png"'></image>
						<text class='ks_fd4_1_c3_c1_higd'>3</text>
						<text class='ks_fd4_1_c3_c2_higd'>/</text>
						<text class='ks_fd4_1_c3_c3_higd'>37</text>
					</view>
				</view>

			</view>
			<view :style="{height: '132rpx'}"></view>
			<benben-popup v-model="popupShow1723779347872" :mask="true" :mask-close-able="true" mode='center'
				:z-index='999'>
				<!---flex布局flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout ks_flex_5_higd">
					<view class='flex flex-direction flex-wrap align-center ks_fd5_0_higd'>
						<text class='ks_fd5_0_c0_higd'>{{$t('提示')}}</text>
						<text class='ks_fd5_0_c1_higd'>{{$t('确认交卷吗？')}}</text>
					</view>
					<view class='flex align-stretch justify-around ks_fd5_1_higd'>
						<text class='ks_fd5_1_c0_higd' @tap.stop="popupShow1723779347872=false">{{$t('取消')}}</text>
						<text class='ks_fd5_1_c1_higd' @tap.stop="HadexaminatFunc()">{{$t('确认')}}</text>
					</view>
				</view>

				<!---flex布局flex布局结束-->

			</benben-popup>
			<benben-popup v-model="popupShow1723780040909" :mask="true" :mask-close-able="true" mode='bottom'
				:z-index='999'>
				<!---flex布局flex布局开始-->
				<view class="flex benben-flex-layout flex-wrap align-center">
					<view class='flex flex-wrap align-center ks_fd6_0_higd'>
						<view class='flex flex-wrap align-center justify-between ks_fd6_0_c0_higd'>
							<view class='flex flex-wrap align-center'>
								<image class='ks_fd6_0_c0_c0_c0_higd' mode="aspectFit" :src='STATIC_URL+"163.png"'>
								</image>
								<text class='ks_fd6_0_c0_c0_c1_higd'>15</text>
								<image class='ks_fd6_0_c0_c0_c2_higd' mode="aspectFit" :src='STATIC_URL+"165.png"'>
								</image>
								<text class='ks_fd6_0_c0_c0_c3_higd'>2</text>
							</view>
							<view class='flex flex-wrap align-center'>
								<image class='ks_fd6_0_c0_c1_c0_higd' mode="aspectFit" :src='STATIC_URL+"166.png"'>
								</image>
								<text class='ks_fd6_0_c0_c1_c1_higd'>3</text>
								<text class='ks_fd6_0_c0_c1_c2_higd'>/</text>
								<text class='ks_fd6_0_c0_c1_c3_higd'>37</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center ks_fd6_0_c1_higd'>
							<view class='flex flex-direction flex-wrap align-stretch ks_fd6_0_c1_c0_higd'>
								<text class='ks_fd6_0_c1_c0_c0_higd'>{{$t('单选题（3/12）')}}</text>
								<view class='flex flex-wrap align-center'>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c0_higd'>
										<text>1</text>
									</view>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c1_higd'>
										<text>1</text>
									</view>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c2_higd'>
										<text>1</text>
									</view>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c0_higd'>
										<text>1</text>
									</view>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c0_higd'>
										<text>1</text>
									</view>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c0_higd'>
										<text>1</text>
									</view>
								</view>
							</view>
							<view class='flex flex-direction flex-wrap align-stretch ks_fd6_0_c1_c0_higd'>
								<text class='ks_fd6_0_c1_c0_c0_higd'>{{$t('多选题')}}</text>
								<view class='flex flex-wrap align-center'>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c0_higd'>
										<text>1</text>
									</view>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c1_higd'>
										<text>1</text>
									</view>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c2_higd'>
										<text>1</text>
									</view>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c0_higd'>
										<text>1</text>
									</view>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c0_higd'>
										<text>1</text>
									</view>
									<view class='flex flex-wrap align-center justify-center ks_fd6_0_c1_c0_c1_c0_higd'>
										<text>1</text>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>

				<!---flex布局flex布局结束-->

			</benben-popup>


		</view>
	</page-body>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				"popupShow1723780040909": false,
				"popupShow1723779347872": false,
				"popupShow1724209151199": false,
				"popupShow1723875361517": false,
				"rios": [{
					"name": "选项1",
					"value": "1",
					"image": ""
				}, {
					"name": "选项2",
					"value": "2",
					"image": ""
				}, {
					"name": "选项3",
					"value": "3",
					"image": ""
				}],
				"riosVal": "",
				"riosLable": "",
				"course_id": "",
				"paper_time": ""
			};
		},
		computed: {

		},
		watch: {},
		onLoad(options) {
			let {
				course_id,
				paper_time
			} = options
			if (course_id !== undefined) this.course_id = course_id
			if (paper_time !== undefined) this.paper_time = paper_time
		},
		onUnload() {
			this.HadexaminatFunc()
		},
		onReady() {

		},
		onShow() {

		},
		onHide() {
			this.HadexaminatFunc()
		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			//交卷
			HadexaminatFunc() {
				this.$urouter.navigateTo(`/pageschool/school/ksjg/ksjg`);
			},
			//倒计时结束
			CountdownFunc() {
				this.popupShow1724209151199 = true;
			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: #f8f8f8;
		background-size: 100% auto;

		.ks_fd6_0_higd {
			width: 750rpx;
			border-radius: 16rpx 16rpx 0rpx 0rpx;
			background: rgba(255, 255, 255, 1);
			background-size: 100% auto;

			.ks_fd6_0_c0_higd {
				width: 100%;
				height: 100%;
				padding: 34rpx 24rpx 34rpx 24rpx;
				border-bottom: 1px solid #eee;

				.ks_fd6_0_c0_c0_c0_higd {
					width: 32rpx;
					height: 32rpx;
					border-radius: 0rpx 0rpx 0rpx 0rpx;
				}

				.ks_fd6_0_c0_c0_c1_higd {
					color: rgba(70, 187, 54, 1);
					margin: 0rpx 0rpx 0rpx 16rpx;
				}

				.ks_fd6_0_c0_c0_c2_higd {
					width: 32rpx;
					height: 32rpx;
					border-radius: 0rpx 0rpx 0rpx 0rpx;
					margin: 0rpx 16rpx 0rpx 32rpx;
				}

				.ks_fd6_0_c0_c0_c3_higd {
					color: rgba(253, 118, 46, 1);
				}

				.ks_fd6_0_c0_c1_c0_higd {
					width: 30rpx;
					height: 30rpx;
					border-radius: 0rpx 0rpx 0rpx 0rpx;
					margin: 0rpx 16rpx 0rpx 0rpx;
				}

				.ks_fd6_0_c0_c1_c1_higd {
					color: rgba(102, 102, 102, 1);
					font-size: 40rpx;
					line-height: 56rpx;
				}

				.ks_fd6_0_c0_c1_c2_higd {
					color: rgba(172, 179, 185, 1);
					font-size: 40rpx;
					line-height: 56rpx;
					margin: 0rpx 0rpx 0rpx 10rpx;
				}

				.ks_fd6_0_c0_c1_c3_higd {
					margin: 0rpx 0rpx 0rpx 10rpx;
					color: rgba(172, 179, 185, 1);
					font-size: 24rpx;
					line-height: 56rpx;
				}
			}

			.ks_fd6_0_c1_higd {
				width: 100%;
				padding: 32rpx 32rpx 32rpx 32rpx;
			}
		}

		.ks_fd6_0_c1_c0_higd {
			width: 100%;
		}

		.ks_fd6_0_c1_c0_c0_higd {
			color: #333333;
			font-size: 28rpx;
			font-weight: 400;
			line-height: 40rpx;
			text-align: left;
			font-style: normal;
			margin: 0rpx 0rpx 20rpx 0rpx;
		}

		.ks_fd6_0_c1_c0_c1_c0_higd {
			width: 72rpx;
			height: 72rpx;
			border-radius: 40rpx;
			border: 1px solid rgba(238, 238, 238, 1);
			margin: 0rpx 29rpx 20rpx 29rpx;
		}

		.ks_fd6_0_c1_c0_c1_c1_higd {
			width: 72rpx;
			height: 72rpx;
			border-radius: 40rpx;
			border: 1px solid rgba(29, 137, 235, 1);
			background: rgba(29, 137, 235, 0.3);
			background-size: 100% auto;
			color: rgba(29, 137, 235, 1);
			margin: 0rpx 29rpx 20rpx 29rpx;
		}

		.ks_fd6_0_c1_c0_c1_c2_higd {
			width: 72rpx;
			height: 72rpx;
			border-radius: 40rpx;
			border: 1px solid rgba(226, 83, 81, 1);
			background: rgba(226, 83, 81, 0.1);
			background-size: 100% auto;
			color: rgba(226, 83, 81, 1);
			margin: 0rpx 29rpx 20rpx 29rpx;
		}

		.ks_flex_5_higd {
			border-radius: 16rpx;
			width: 540rpx;
			height: 310rpx;
			background: rgba(255, 255, 255, 1);
			background-size: 100% auto;

			.ks_fd5_0_higd {
				width: 100%;
				height: 204rpx;
				border-radius: 16rpx 16rpx 0rpx 0rpx;
				border-bottom: 1px solid #eee;

				.ks_fd5_0_c0_higd {
					margin: 40rpx 0rpx 32rpx 0rpx;
					font-size: 36rpx;
					font-weight: 800;
					color: rgba(51, 51, 51, 1);
					line-height: 50rpx;
				}

				.ks_fd5_0_c1_higd {
					font-weight: 500;
					line-height: 40rpx;
				}
			}

			.ks_fd5_1_higd {
				height: 94rpx;

				.ks_fd5_1_c0_higd {
					width: 267rpx;
					text-align: center;
					line-height: 94rpx;
					border-right: 1px solid #eee;
					color: rgba(153, 153, 153, 1);
					font-size: 32rpx;
				}

				.ks_fd5_1_c1_higd {
					width: 267rpx;
					line-height: 94rpx;
					text-align: center;
					color: rgba(205, 150, 45, 1);
					font-size: 32rpx;
				}
			}
		}

		.ks_flex_4_higd {
			width: 100%;
			height: 132rpx;
			overflow: hidden;
			z-index: 10;
			bottom: calc(0rpx + var(--window-bottom));
			background: rgba(255, 255, 255, 1);
			background-size: 100% auto;

			.ks_fd4_1_higd {
				width: 100%;
				height: 100%;
				padding: 34rpx 24rpx 34rpx 24rpx;

				.ks_fd4_1_c0_c0_higd {
					width: 32rpx;
					height: 32rpx;
					border-radius: 0rpx 0rpx 0rpx 0rpx;
				}

				.ks_fd4_1_c0_c1_higd {
					color: rgba(70, 187, 54, 1);
					margin: 0rpx 0rpx 0rpx 16rpx;
				}

				.ks_fd4_1_c0_c2_higd {
					width: 32rpx;
					height: 32rpx;
					border-radius: 0rpx 0rpx 0rpx 0rpx;
					margin: 0rpx 16rpx 0rpx 32rpx;
				}

				.ks_fd4_1_c0_c3_higd {
					color: rgba(253, 118, 46, 1);
				}

				.ks_fd4_1_c2_c0_higd {
					border-radius: 33rpx 33rpx 33rpx 33rpx;
					width: 160rpx;
					line-height: 60rpx;
					font-size: 24rpx;
					background: rgba(249, 249, 249, 1);
					color: rgba(51, 51, 51, 1);
					border: 1px solid rgba(238, 238, 238, 1);
				}

				.ks_fd4_1_c3_c0_higd {
					width: 30rpx;
					height: 30rpx;
					border-radius: 0rpx 0rpx 0rpx 0rpx;
					margin: 0rpx 16rpx 0rpx 0rpx;
				}

				.ks_fd4_1_c3_c1_higd {
					color: rgba(102, 102, 102, 1);
					font-size: 40rpx;
					line-height: 56rpx;
				}

				.ks_fd4_1_c3_c2_higd {
					color: rgba(172, 179, 185, 1);
					font-size: 40rpx;
					line-height: 56rpx;
					margin: 0rpx 0rpx 0rpx 10rpx;
				}

				.ks_fd4_1_c3_c3_higd {
					margin: 0rpx 0rpx 0rpx 10rpx;
					color: rgba(172, 179, 185, 1);
					font-size: 24rpx;
					line-height: 56rpx;
				}
			}
		}

		.ks_fd4_1_c1_c0_higd {
			border-radius: 33rpx 33rpx 33rpx 33rpx;
			width: 160rpx;
			line-height: 60rpx;
			font-size: 24rpx;
			background: rgba(204, 34, 28, 1);
			color: #fff;
			margin: 0rpx 0rpx 0rpx 16rpx;
		}

		.ks_flex_3_higd {
			padding: 24rpx 24rpx 156rpx 24rpx;

			.ks_fd3_0_higd {
				width: 600rpx;
				margin: 0rpx 0rpx 40rpx 0rpx;
				background: url(image-path('167.png')) no-repeat;
				background-size: 100% auto;
				font-size: 32rpx;

				.ks_fd3_0_c1_higd {
					margin: 0rpx 16rpx 0rpx 16rpx;
				}

				.ks_fd3_0_c2_higd {
					background: #FFFFFF;
				}
			}

			.ks_fd3_1_higd {
				width: 100%;
				background: rgba(255, 255, 255, 1);
				background-size: 100% auto;
				border-radius: 24rpx;
				box-shadow: 10rpx 15rpx 20rpx #E8E8E8;
				padding: 32rpx 24rpx 32rpx 24rpx;
				font-weight: 500;
				line-height: 40rpx;

				.ks_fd3_1_c0_higd {
					margin: 0rpx 0rpx 24rpx 0rpx;

					.ks_fd3_1_c0_c0_higd {
						margin: 0rpx 20rpx 0rpx 0rpx;
						color: rgba(204, 34, 28, 1);
					}
				}

				.ks_fd3_1_c2_higd {
					padding: 0rpx 0rpx 0rpx 0rpx;
					margin: 0rpx 0rpx 0rpx 0rpx;
				}

				.ks_fd3_1_c3_c1_higd {
					margin: 32rpx 0rpx 0rpx 0rpx;
					background: rgba(253, 118, 46, 0.1);
					background-size: 100% auto;
					border-radius: 45rpx;
					border: 1px solid rgba(253, 118, 46, 1);
					width: 100%;
					height: 88rpx;
					padding: 24rpx 32rpx 24rpx 32rpx;
				}
			}

			.ks_fd3_2_higd {
				width: 100%;
				margin: 24rpx 0rpx 0rpx 0rpx;
				padding: 32rpx 24rpx 32rpx 24rpx;
				border-radius: 24rpx;
				background: #fff;
				background-size: 100% auto;

				.ks_fd3_2_c0_higd {
					font-size: 32rpx;
					line-height: 45rpx;
					font-weight: 500;
				}

				.ks_fd3_2_c2_higd {
					margin: 24rpx 0rpx 0rpx 0rpx;
					font-size: 28rpx;
					color: rgba(102, 102, 102, 1);
					line-height: 48rpx;
				}
			}
		}

		.ks_fd3_1_c1_c1_c0_c0_higd {
			height: 88rpx;
			border-bottom: 1px solid rgba(70, 187, 54, 1);
			line-height: 28rpx;
			border-radius: 45rpx;
			background: rgba(70, 187, 54, 0.1);
			background-size: 100% auto;
			padding: 24rpx 32rpx 24rpx 32rpx;
			margin: 32rpx 0rpx 0rpx 0rpx;
		}

		.ks_fd3_1_c1_c1_c0_c0_c0_higd {
			line-height: 40rpx;

			.ks_fd3_1_c1_c1_c0_c0_c0_c0_higd {
				font-size: 28rpx;
			}

			.ks_fd3_1_c1_c1_c0_c0_c0_c1_higd {
				padding: 0rpx 0rpx 0rpx 25rpx;
				width: 450rpx;
				font-size: 28rpx;
				-webkit-line-clamp: 1;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
			}
		}

		.ks_fd3_1_c1_c1_c0_c0_c1_higd {
			width: 36rpx;
			height: 36rpx;
			border-radius: 0rpx 0rpx 0rpx 0rpx;
		}

		.ks_fd3_1_c1_c1_c0_c1_higd {
			border-bottom: 1px solid #eee;
			margin: 32rpx 0rpx 0rpx 0rpx;
			width: 100%;
			height: 88rpx;
			padding: 24rpx 32rpx 24rpx 32rpx;
			background: rgba(248, 248, 250, 1);
			background-size: 100% auto;
			border-radius: 45rpx;

			.ks_fd3_1_c1_c1_c0_c1_c1_higd {
				width: 30rpx;
				height: 30rpx;
				border-radius: 0rpx 0rpx 0rpx 0rpx;
			}
		}

		.ks_fd3_1_c1_c1_c0_c1_c0_c1_higd {
			padding: 0rpx 0rpx 0rpx 8rpx;
			margin: 0rpx 0rpx 0rpx 25rpx;
			width: 450rpx;
			-webkit-line-clamp: 1;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
		}

		.ks_fd3_1_c2_c0_c0_higd {
			margin: 32rpx 0rpx 0rpx 0rpx;
			background: rgba(70, 187, 54, 0.1);
			background-size: 100% auto;
			border-radius: 45rpx;
			border: 1px solid rgba(70, 187, 54, 1);
			width: 100%;
			height: 88rpx;
			padding: 24rpx 32rpx 24rpx 32rpx;
		}

		.ks_fd3_1_c2_c0_c0_c0_c1_higd {
			width: 450rpx;
			margin: 0rpx 0rpx 0rpx 25rpx;
		}

		.ks_fd3_1_c2_c0_c1_higd {
			margin: 32rpx 0rpx 0rpx 0rpx;
			background: rgba(248, 248, 250, 1);
			background-size: 100% auto;
			border-radius: 45rpx;
			width: 100%;
			height: 88rpx;
			padding: 24rpx 32rpx 24rpx 32rpx;
		}

		.ks_fd3_1_c2_c0_c2_higd {
			margin: 24rpx 0rpx 0rpx 0rpx;
			border-radius: 16rpx;
			background: rgba(255, 255, 255, 1);
			background-size: 100% auto;
			padding: 24rpx;

			.ks_fd3_1_c2_c0_c2_c0_higd {
				border-radius: 33rpx 33rpx 33rpx 33rpx;
				width: 500rpx;
				line-height: 60rpx;
				font-size: 24rpx;
				background: #4781f5;
				color: #fff;
			}
		}

		.ks_fd3_1_c3_c3_higd {
			margin: 24rpx 0rpx 0rpx 0rpx;
			border-radius: 16rpx;
			background: rgba(248, 248, 250, 1);
			background-size: 100% auto;
			padding: 24rpx;

			.ks_fd3_1_c3_c3_c1_higd {
				line-height: 40rpx;
				font-weight: 400;

				.ks_fd3_1_c3_c3_c1_c1_higd {
					color: rgba(253, 118, 46, 1);
				}
			}
		}

		.ks_fd3_1_c3_c3_c0_higd {
			margin: 0rpx 48rpx 0rpx 0rpx;
			color: #333;
			line-height: 40rpx;
			font-weight: 500;

			.ks_fd3_1_c3_c3_c0_c1_higd {
				color: rgba(70, 187, 54, 1);
			}
		}

		.ks_fd3_1_c3_c3_c0_c0_higd {
			color: rgba(51, 51, 51, 1);
		}

		.ks_flex_2_higd {
			border-radius: 16rpx;
			width: 540rpx;
			height: 310rpx;
			background: rgba(255, 255, 255, 1);
			background-size: 100% auto;

			.ks_fd2_0_higd {
				width: 100%;
				height: 204rpx;
				border-radius: 16rpx 16rpx 0rpx 0rpx;
				border-bottom: 1px solid #eee;

				.ks_fd2_0_c0_higd {
					margin: 40rpx 0rpx 32rpx 0rpx;
					font-size: 36rpx;
					font-weight: 800;
					color: rgba(51, 51, 51, 1);
					line-height: 50rpx;
				}

				.ks_fd2_0_c1_higd {
					font-weight: 500;
					line-height: 40rpx;
				}
			}

			.ks_fd2_1_higd {
				height: 94rpx;

				.ks_fd2_1_c0_higd {
					width: 100%;
					line-height: 94rpx;
					text-align: center;
					color: rgba(205, 150, 45, 1);
					font-size: 32rpx;
				}
			}
		}

		.ks_flex_1_higd {
			border-radius: 16rpx;
			width: 540rpx;
			height: 310rpx;
			background: rgba(255, 255, 255, 1);
			background-size: 100% auto;

			.ks_fd1_0_higd {
				width: 100%;
				height: 204rpx;
				border-radius: 16rpx 16rpx 0rpx 0rpx;
				border-bottom: 1px solid #eee;

				.ks_fd1_0_c0_higd {
					margin: 40rpx 0rpx 32rpx 0rpx;
					font-size: 36rpx;
					font-weight: 800;
					color: rgba(51, 51, 51, 1);
					line-height: 50rpx;
				}

				.ks_fd1_0_c1_higd {
					font-weight: 500;
					line-height: 40rpx;
				}
			}

			.ks_fd1_1_higd {
				height: 94rpx;

				.ks_fd1_1_c0_higd {
					width: 267rpx;
					text-align: center;
					line-height: 94rpx;
					border-right: 1px solid #eee;
					color: rgba(153, 153, 153, 1);
					font-size: 32rpx;
				}

				.ks_fd1_1_c1_higd {
					width: 267rpx;
					line-height: 94rpx;
					text-align: center;
					color: rgba(205, 150, 45, 1);
					font-size: 32rpx;
				}
			}
		}

		.ks_flex_0_higd {
			width: 750rpx;
			height: 88rpx;
			overflow: hidden;
			z-index: 10;
			top: 0rpx;
			background: #fff;
			background-size: 100% auto !important;

			.ks_fd0_0_higd {
				padding: 0rpx 32rpx 0rpx 32rpx;

				.ks_fd0_0_c1_c0_higd {
					font-size: 36rpx;
					font-weight: 700;
					color: #333333;
					line-height: 50rpx;
				}
			}
		}

		.ks_fd0_0_c0_higd {
			width: 120rpx;
		}
	}

	::v-deep .ks_fd3_1_c1_c1_c0_higd {
		width: 100%;
	}
</style>
